<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>书籍列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入 Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- 引入 Bootstrap -->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/m.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    <small>订单列表 —— 显示所有员工信息</small>
                </h1>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4 column">
            <a class="btn" href="${pageContext.request.contextPath}/product/allBook">返回主页</a>
        </div>
    </div>
    <div class="row clearfix">
        <div class="col-md-12 column">
            <table class="table table-hover table-striped">
                <thead>
                <tr>
                    <th>员工编号</th>
                    <th>员工姓名</th>
                    <th>年龄</th>
                    <th>性别</th>
                    <th>工资</th>
                    <th>所属部门</th>
                </tr>
                </thead>

                <tbody>
                <c:forEach var="manage" items="${requestScope.get('list')}" varStatus="itemStatus">
                    <c:if test="${itemStatus.index mod 1==0}">
                        <tr class="a">
                    </c:if>
                    <c:if test="${itemStatus.index mod 2==0}">
                        <tr class="b">
                    </c:if>
                    <c:if test="${itemStatus.index mod 3==0}">
                        <tr class="c">
                    </c:if>
                    <c:if test="${itemStatus.index mod 4==0}">
                        <tr class="d">
                    </c:if>
                    <td>${manage.getAid()}</td>
                    <td>${manage.getAname()}</td>
                    <td>${manage.getAge()}</td>
                    <td>${manage.getSex()}</td>
                    <td>${manage.getSalary()}</td>
                    <td>${manage.getDepartment()}</td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>
        </div>
    </div>
</div>